<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>首页</title>
    <script>
        var requireExtraPaths = {
            extrance: '../../../master_js/report/homeFactoryWhole'
        };
		var cssFileLoadArr = ['/content/css/sub/homePage.css'];
    </script>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=7d24e3c0b1de00fcfc07dcb16ac3a087"></script>
    <jsp:include flush="true" page="../../base/base.jsp"></jsp:include>
</head>
<body class="site-body overflow-a">
	<!-- main container start -->
	<div class="index-content car-factory">
		<div class="blank-10"></div>
		<div class="ct-grid-3 clearfix mt20 ct-1">
			<div class="col-sub">
				<div class="inner-box">
					<div class="ct-shadow">
						<h2 class="title">区域车辆数排行</h2>
						<div class="area-car-rank">
							<ul id="vehicleDistributRank">
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="col-main">
				<div class="inner-box">
					<div class="ct-shadow">
						<h2 class="title">总体指标</h2>
						<ul class="platform-info">
							<li class="li-1"
								style="border-top: 1px solid #EFEFEF;margin-top: 20px">
								车辆总数 <span id='totalCars'>
							</span>
							</li>
							<li class="li-2">纯电动 <span id='elecCars'></span>
							</li>
							<li class="li-3">双路BMS <span id='doubleBMS'></span>
							</li>
							<li class="li-4">行驶里程 <span id='driveMiles'></span>
							</li>
							<li class="li-7">故障异常总数 <span id='mostSeriousFaultsCount'></span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-main col-main2">
				<div class="inner-box">
					<div class="ct-shadow">
						<h2 class="title">前五大故障排行</h2>
						<ul class="jw-question" id='FaultsRanking'>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="car-area-wrap">
			<div class="ct-shadow clearfix ps-r">
				<div class="car-area">
					<h2 class="area" id="addressTitle">
						<span id='selectLocation'></span>
						<a class="back-btn2" id="back-map" style="display: none;">返回</a>
					</h2>
					<input type="text" class="search-input" id="searchVehicle" placeholder="输入您要搜索的车辆">
					<div>
						<table width="100%" id="vehicleList">
						</table>
					</div>
				</div>
				<!-- <div style="float: right;" id="map"></div> -->

				<!-- 地图部分 begin -->
				<div id="map-container" style="background-color: #fff;height:100%;overflow: hidden;box-sizing: border-box;padding: 25px 60px 0;">
					<div id="map" style="height: 430px;width:100%"></div>
				</div>
				<div id="real-map"
					style="display:none;height:466px;overflow: hidden;position:relative">
					<div class="location-title">
						<span class="location-icon"></span> <span id="mapTitleSpan"></span>
					</div>
					<div id="iCenter"
						style="height:100%;width:100%;"></div>
				    <!-- <a class="back-btn" id="back-map">返回</a> -->
				</div>

				<!-- 地图部分 end -->
			</div>
		</div>
		<div class="blank-25"></div>
	</div>
</body>
</html>
